<div  ng-include="'app/business/home/template/navigation.html'"></div>

<div class="videoBox">
    <div class="videoFlex">
        <div ng-show="showpropmts==1" class="showFolder">
            <div class="FolderTop">
                <h1>文件分类管理</h1>
                <p ng-click="showpropmts=2"><img src="them/imgs/xxx.png" /></p>
            </div>
            <div class="propmt">
                <p>删除分类后，课程将会在“全部”种显示。</p>
            </div>
            <div class="Create">
                <h1 ng-click="add(item.name)">创建分类</h1>
                <ul>
                    <li ng-repeat="item in creatCons track by $index">
                        <input ng-class="{'read':item.isHover}" type="text" ng-blur="addcLass(item,$index)"  ng-model="item.name" />
                        <span  style="color:red;" ng-click="del(item,$index)">删除</span>
                    </li>
                </ul>
                <p>
                    <a class="first" ng-click="saveCourseType()" href="javascript:;">保存</a>
                    <a ng-click="showpropmts=2" href="javascript:;">取消</a>
                </p>
            </div>
        </div>
        <div class="vieoContent" ng-show="showV==1">
            <div class="FolderTop">
                <h1>添加视频</h1>
                <p ng-click="cancelVedio()"><img src="them/imgs/xxx.png"></p>
            </div>
            <div class="searVideoCon">
                <div class="videoL">
                    <input type="text" placeholder="请输入关键词搜索">
                    <ul>
                        <li ng-class="{'bgcolor':bgs==$index}" ng-hide="item.publishFlag==true"
                        	ng-repeat="item in vedioList track by $index" ng-click="saveVIdeo(item,$index)" ng-bind="item.videoName"></li>
                    </ul>
                </div>
                <div class="videoC">
                    <p class="addvideo" ng-click="addVdieoCon()">添加</p>
                    <p class="deletas"  ng-click="deleteData()">删除</p>
                </div>
                <div class="videoR">
                    <h1>已添加视频</h1>
                    <ul>
                        <li ng-click="sav($index)" 
                        	ng-class="{'bgcolor':bgs2==$index}" ng-repeat="item in chapterCon[zhangNum].childChapterList[jieNum].videoList track by $index" ng-bind="item.videoName"></li>
                    </ul>
                </div>

            </div>
            <div class="vedioBtn">
                <div class="saveBtn" ng-click="saveVedio()">保存</div>
                <div class="cancelBtn" ng-click="cancelVedio()">取消</div>
            </div>
        </div>
        <div class="sendVideoTop">
            <div class="TopCon">
                <h1>发布课程</h1>
                <form name="form2">
                    <div class="tabHeader">
                        <div class="tabLeft">
                            <ul>
                                <li> <span><i>*</i>课程标题：</span><input placeholder="请输入6到15个字符" ng-class="{'borderRed':Red==1}" ng-change="limit(add.title)" ng-blur="TItleName(add.title)"  ng-model="add.title" type="text"><b ng-show="nameShow==1" ng-bind="unable">标题名不能为空</b></li>
                                <li>
                                    <span> 关键词：</span><input maxlength="6" ng-model="tagsWork" type="text"><b ng-click="saveTagsname(tagsWork)">添加</b>
                                    <div class="checkFI3Con">
                                        <div ng-repeat="item in tags2 track by $index">
                                            <a href="javascript:;" ng-bind="item"></a>
                                            <b ng-click="deleteInput($index)" class="close"></b>
                                        </div>
                                    </div>
                                </li>
                                <li class="courseType"><span> <i>*</i>课程分类：</span>
                                    <ul class="firstUl" ng-class="{'showCousRed':Red2==1}">
                                        <li ng-bind="Choice">请选择</li>
                                        <ul class="showCous">
                                            <li ng-click="showTwoData(item)"  ng-repeat="item in couseONeData track by $index" id="{{ item.tcId }}" ng-click="showTwoData(item)" ng-bind="item.tcName"></li>
                                        </ul>
                                    </ul>
                                    <ul ng-class="{'showCousRed':Red2==1}">
                                        <li ng-bind="Choice2">请选择</li>
                                        <ul ng-hide="Eligible.length==0" class="showCous">
                                            <li ng-click="showTwoDataTwo(item)"  ng-repeat="item in Eligible track by $index" id="{{ item.scId }}"  ng-bind="item.scName"></li>
                                        </ul>
                                    </ul>
                                    <ul  class="lastUl" ng-class="{'showCousRed':Red2==1}" >
                                        <li ng-show="ThreeList.length!=0" ng-bind="Choice3">请选择</li>
                                        <li ng-show="ThreeList.length==0">无更多选项</li>
                                        <ul class="showCous" ng-show="ThreeList.length!=0">
                                            <li  ng-repeat="item in ThreeList track by $index" ng-click="ChangeCon(item)" id="{{ item.dcId }}" title="{{item.dcName}}" ng-bind="item.dcName"></li>
                                        </ul>
                                    </ul>

                                </li>
                            </ul>
                        </div>
                        <div class="tabRight"  pic-upload upload-conf="uploadss">

                        </div>
                    </div>
                    <div class="tabBody">
                        <p class="conDetails">
                            <span>内容介绍：</span>
                            <textarea ng-model="add.introduction"  ng-change="checkText()"></textarea>
                            <b><i ng-bind="length"></i>/1000</b>
                        </p>
                        <p class="conDetails con2">
                            <span>学习所需：</span>
                            <input class="points" onkeyup="this.value=this.value.replace(/[^\d]/g,'')" placeholder="0" min="0" type="text" ng-model="add.price" />元
                        </p>
                        <div class="conDetails con2">
                            <p>
                                <span>讲师：</span>
                                <!-- <input class="teacher2"  type="text" ng-model="add.userName" />-->
                            <ul class="firstUl2">
                                <i class="teatcherfont" ng-bind="teacheron">请选择</i>
                                <ul class="showCous">
                                    <li ng-click="showTwoDatas2(item)" ng-repeat="item in follow track by $index" ng-show="item.userType==1" ng-bind="item.name">/li>
                                </ul>
                            </p>
                        </div>
                        <div class="conDetails con2">
                            <p>
                                <span ng-class="{'pro':showRed==1}"><i class="pro">*</i>版权：</span>
                                <input type="radio" name="radio" value="val" ng-click="check1()" ng-checked="chec"  ><i class="noMy">非原创</i>
                                <input type="radio" name="radio" ng-click="check2()" ng-checked="chec2" ng-model="add.copyright"><i>原创（并同意</i><a>工程界原创/授权声明用户规范</a>）
                            </p>
                            <p class="last">
                                <span ng-class="{'pro':showRed==1}"><i class="pro">*</i>可见性：</span>
                                <input type="radio" name="radio2" ng-click="check3()" ng-checked="chec3" ng-model="add.visibility"><i class="noMy">公开</i>
                                <input type="radio" name="radio2" ng-click="check4()" ng-checked="chec4" ><i>仅自己可见</i>
                            </p>
                        </div>

                    </div>
                </form>
            </div>

        </div>

        <div class="chooseSend" ng-if="isShowSend == 'send'">
            <div class="chooseVideo" ng-click="sendShow('vedio')">
                添加单个微视频+
            </div>
            <div class="chooseCourse" ng-click="sendShow('course')">
                添加课程章节+
            </div>
        </div>
        <div class="sendVedio" ng-if="isShowSend == 'vedio'">
            <h1>发布课程</h1>
            <img src="them/images/compImages/back-to-last.png" ng-click="hideNow()" style="cursor: pointer;" />
            <div class="sendVedioContent">
                <div class="vedioAlready" ng-repeat="item in chapterCon[0].childChapterList[0].videoList">
                	<span ng-bind="item.videoName"></span><em>修改名称：</em><input type="text" ng-model="item.videoName">
            		
            		<a ng-click="showVIdeoCon()">更换视频</a></div>
                <div class="addVedio">
                    <p><span ng-click="showVIdeoCon()">添加视频</span>最大不可超过1G</p>
                   <!-- <p>没有视频？点击<a ng-click="goTo('eng.videoUploadCtrl')">上传视频</a></p>-->
                </div>
            </div>
        </div>
        <div class="sendVideoBot sendVideoTop " ng-if="isShowSend == 'course'">
            <!--<div class="sucess">-->
            <!--<p>x</p>-->
            <!--发送成功-->
            <!--</div>-->
            <div class="TopCon">

                <h1>发布课程</h1>
                <img src="them/images/compImages/back-to-last.png" ng-click="hideNow()" style="cursor: pointer;" />
                <form name="form">
                    <div class="tabBody" ng-init="showScroll=false">
                        <div id="heights" ng-class="{'newCon':showScroll==true}">
                            <div ng-repeat="item2 in chapterCon track by $index" class="conDetails">
                                <p>
                                    <span>第<i ng-bind="[$index+1]|Chinese"></i>章：</span>
                                    <input class="teacher"  type="text" ng-model="chapterCon[$index].chapterName" />
                                    <i class="videoName" ng-click="delete2($index)">删除</i>
                                </p>
                                <div class="section" ng-repeat="item3 in item2.childChapterList track by $index">
                                    <span>第<i ng-bind="[$index+1]|Chinese"></i>节：</span>
                                    <input class="teacher" type="text" ng-model="chapterCon[$parent.$index].childChapterList[$index].chapterName"/>
                                    <i class="videoName" ng-click="delete3($index,$parent.$index)">删除</i>
                                    <div class="sendVedioContent">
                                        <div class="vedioAlready">
                                            <!--<span class="videlarspan" ng-bind="chapterCon[$parent.$index].childChapterList[$index].videoList[0].videoName">工程技术大全分解.mp4</span>-->
                                            <em>修改名称：</em>
                                            <input type="text" ng-model="chapterCon[$parent.$index].childChapterList[$index].videoList[0].videoName"><a ng-click="showVIdeoCon($index,$parent.$index)">更换视频</a></div>
                                    </div>
                                    <div class="upload">
                                        <a class="borCon" ng-click="showVIdeoCon($index,$parent.$index)">添加视频</a>
                                        <!-- <a class="fontsCo">(最大不可超过1G)</a>-->
                                    </div>
                                </div>
                                <p class="senVideo plus">
                                    <a ng-click="addCHaps(item3.chapterName,$index)" class="videoPlus" href="javascript:;">
                                        + 新增一节
                                    </a>
                                </p>
                            </div>
                        </div>
                        <div class="conDetails">
                            <p class="morchap" style="padding-bottom:15px">
                                <span ng-click="addCha(item2.input,$index)">+新增一章</span>
                            </p>
                        </div>

                    </div>
                </form>
            </div>
        </div>
        <div class="Treaty">
            <label>
                <input type="checkbox" class="hidden-input" />
                <span ng-class="{'hoverCHeck':check}" ng-click="argee()"></span>
                我阅读并同意<a ng-click="goguiz()">《工程界发布内容规章制度》</a>
            </label>
        </div>
    </div>
    <div class="sub" ng-class="{'hidess':hides==1}">
    	  <a class="modoeif" ng-click="return()" href="javascript:;">
            		取消修改
        </a>
         <a ng-click="Post()" href="javascript:;">
            		确认修改
        </a>
        <a ng-hide="hides==1" ng-click="Post()" href="javascript:;">
            	发布
        </a>
    </div>
</div>
<div class="sendSuccess" ng-if="sendSuccess">
    发布成功
    <span ng-click="closeSend()">X</span>
</div>
<div  ng-include="'app/business/common/footer.html'"></div>
<style>
	.hidess a{
		float: left;
		margin:0 auto;
		background: #30a3ff;
	}
	.hidess a.modoeif{
		margin-left: 585px;
		margin-right: 20px;
		background: #fd8b26;
		color: #fff;
	}
    .bgcolor{
        background: #fcf5d9;
    }
    /*弹出样式*/
    .vieoContent{
        width: 574px;
        height: 412px;
        position: fixed;
        bottom: 80px;
        background: #fff;
        border: 1px solid #ddd;
        z-index: 111;
        left: 373px;
        left: 373px;
    }
    .searVideoCon{
        height:269px;
        width:537px;
        margin-left:18px;
        overflow: hidden;
        clear: both;
        margin-top:10px;
    }
    .videoL{
        float: left;
        width:222px;
        height:100%;
    }
    .videoL input {
        width:215px;
        height:20px;
        padding-left: 5px;
        border:1px solid #ddd;
    }
    .videoL ul,.videoR ul{
        width:222px;
        height:228px;
        overflow: hidden;
        overflow-y: auto;
        background: #f8f8f8;
        margin-top:4px;
    }
    .videoC{
        float: left;
        width:89px;
        height:100%;
    }
    .videoC p {
        width:48px;
        height:20px;
        border:1px solid #ddd;
        margin-left:20px;
        text-align: center;
        line-height:22px;
        cursor: pointer;
    }
    .videoC p.addvideo{
        width:50px;
        height:22px;
        background: #30a3ff;
        color: #fff;
        margin-top:94px;
        margin-bottom:25px;
    }
    .videoR{
        float: left;
    }
    .videoR h1{
        font-size:12px;
        color: #999;
        height:22px;
        font-weight:normal;
    }
    .videoR ul li,.videoL ul li{
        width:100%;
        height:22px;
        line-height:22px;
        margin-top:10px;
        padding-left:10px;
        cursor: pointer;
        white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
    }
    .showFolder{
        width:420px;
        height:387px;
        position: fixed;
        top:100px;
        left:600px;
        background: #fff;
        z-index:9999;
        border:1px solid #ddd;
    }
    .FolderTop{
        height:51px;
        background: #f7f7f7;
        border-bottom:1px solid #ddd;
    }
    .FolderTop h1{
        float: left;
        font-size:18px;
        line-height:54px;
        padding-left:16px;
    }
    .FolderTop p{
        float: right;
        margin-top:16px;
        margin-right:14px;
        cursor: pointer;
    }
    .showFolder .propmt{
        clear: both;
        height:51px;
        line-height:51px;
        text-align: left;
    }
    .showFolder .propmt p {
        padding-left:20px;
        color: #999;
        margin-left:16px;
        background: url("them/imgs/propmtIcon.jpg") no-repeat 0 20px;
    }
    .showFolder .Create {
        margin-left:16px;
    }
    .showFolder .Create ul {
        margin-top:16px;
        height:170px;
        overflow-y: auto;
    }
    .showFolder .Create ul li{
        margin-bottom:14px;
    }
    .showFolder .Create ul li input{
        width:273px;
        height:28px;
        border:1px solid #ddd;
        padding-left:5px;
    }
    .showFolder .Create ul li input.read{
        border:none;
    }
    .showFolder .Create ul li{
        height:32px;
        line-height:32px;
        cursor: pointer;
    }
    .showFolder .Create ul li span{
        cursor: pointer;
        padding-left:5px;
        color: #999;
    }
    .showFolder .Create h1{
        width:370px;
        height:54px;
        background: #f7f7f7;
        line-height:54px;
        font-size:12px;
        color: #30a3ff;
        padding-left:16px;
        cursor: pointer;
    }
    .showFolder .Create p {
        margin-top:10px;
        text-align: right;
        padding-right:16px;
    }
    .showFolder .Create p a{
        display: inline-block;
        width:50px;
        height:20px;
        background: #ddd;
        text-align: center;
        line-height:20px;
    }
    .showFolder .Create p a.first{
        background: #30a3ff;
        color: #fff;
        margin-right:20px;
    }
    .videoBox{
        width:100%;
        background: #f8f8f8;
    }
    .videoFlex{
        position: relative;
        width:1200px;
        margin:0 auto;
        overflow: hidden;
    }
    .sendVideoTop{
        position: relative;
        width:1198px;
        border:1px solid #ddd;
        margin-bottom:10px;
        background: #fff;
    }
    .sucess{
        position: absolute;
        width:250px;
        height:122px;
        border:2px solid #30a3ff;

    }
    .sendVideoTop .TopCon{
        width:1019px;
        margin-left:30px;
    }
    .sendVideoTop .TopCon h1{
        font-size:20px;
        margin:20px 0 27px 0;
    }
    .sendVideoTop .tabHeader{
        width:100%;
        height:191px;
    }
    .sendVideoTop .tabHeader .tabLeft{
        width:719px;
        height:191px;
        float: left;
    }
    .sendVideoTop .tabHeader .tabLeft ul li{
        width:100%;
        height:32px;
        margin-bottom:40px;
    }
    .sendVideoTop .tabHeader .tabLeft ul li.courseType{
        clear: both;
    }
    .sendVideoTop .tabHeader .tabLeft ul li.courseType ul {
        padding-left:5px;
        width:145px;
        border:1px solid #ddd;
        float: left;
        position: relative;
        height:32px;
        background: url("them/imgs/downIcon.jpg") 127px no-repeat;
        margin-right:20px;
        -webkit-animation:opa 1s;
        -o-animation:opa 1s;
        animation:opa 1s;
    }
    @keyframes opa  {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    @-webkit-keyframes opa  {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    @-o-keyframes opa {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    @-moz-keyframes opa {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    @-ms-keyframes opa {
        0% {
            opacity:0;
        }
        100% {
            opacity:1;
        }
    }
    .sendVideoTop .tabHeader .tabLeft ul li.courseType ul li{
        height:32px;
        margin-bottom:0;
        line-height:32px;
        white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
    }
    .sendVideoTop .tabHeader .tabLeft ul li.courseType  ul.showCous {
        display: none;
        width: 100%;
        margin-left: 0;
        min-height:123px;
        overflow: hidden;
        overflow-y: auto;
        position: absolute;
        left: -1px;
        top: 32px;
        z-index: 11111;
        padding-left: 0;
        margin-right:20px;
        border-bottom:none;
        float: left;
        background: #fff;
    }
    ul.firstUl2{
        position: relative;
        margin-left:132px;
        width:337px;
        height:30px;
        border: 1px solid #ddd;
        background: url("them/imgs/downIcon.jpg") 315px no-repeat;
    }
    .teatcherfont{
        display: block;
        position: absolute;
        left: 6px;
        top: 5px;
        color: #999;
    }
    ul.firstUl2 ul.showCous {
        display: none;
        background: #fff;
        position: absolute;
        top: 31px;
        left:0;
        border:1px solid #ddd;
        border-top:none;
        border-bottom:none;
        width:100%;
        overflow: hidden;
        z-index:1;
    }
    ul.firstUl2:hover ul.showCous{
        display: block;
    }
    ul.firstUl2 ul.showCous li{
        border-bottom:1px solid #ddd;
        padding-left:5px;
        height:30px;
        line-height:30px;
    }
    ul.firstUl2 ul.showCous li:hover{
        background: #fafafa;
        cursor: pointer;
    }
    .sendVideoTop .tabHeader .tabLeft ul li.courseType  ul.lastUl{
        width:196px;
        background: url("them/imgs/downIcon.jpg") 169px no-repeat;
    }
    .sendVideoTop .tabHeader .tabLeft ul li.courseType ul.firstUl{
        width:96px;
        background: url("them/imgs/downIcon.jpg") 74px no-repeat;
    }
    .sendVideoTop .tabHeader .tabLeft ul li.courseType ul:hover ul.showCous{
        display: block;
    }
    .sendVideoTop .tabHeader .tabLeft ul li.courseType ul ul.showCous li {
        padding-left: 5px;
        border-bottom:1px solid #ddd;
        cursor: pointer;
    }
    .sendVideoTop .tabHeader .tabLeft ul li.courseType ul ul.showCous li:hover{
        background: #ddd;
    }
    .sendVideoTop .tabHeader .tabLeft ul li b{
        padding-left:14px;
        font-weight:normal;
        color: #fe0100;
        cursor: pointer;
    }
    .sendVideoTop .tabHeader .tabLeft ul li span{
        font-size:12px;
        color: #999;
        float: left;
        display: block;
        width:106px;
        height:100%;
        line-height:30px;
        margin-right:24px;
        text-align: right;
    }
    .sendVideoTop .tabHeader .tabLeft ul li span i{
        color: #fe0100;
        padding-right:4px;
    }
    .sendVideoTop .tabHeader .tabLeft ul li input{
        padding-left:5px;
        width:353px;
        height:28px;
        border:1px solid #ddd;
    }

    .sendVideoTop .tabHeader .tabRight{
        width:300px;
        height: 191px;
        float: left;
        position: relative;
    }
    .sendVideoTop .tabHeader .tabRight input.PicFile {
        width:298px;
        height: 191px;
        position: absolute;
        left:0;
        top:0;
        opacity:0;
        filter:alpha(opacity=0)
    }
    .sendVideoTop .tabHeader .tabRight dl{
        width:172px;
        height:125px;
        margin:39px 0 0 57px;
    }
    .sendVideoTop .tabHeader .tabRight dl dt{
        width:71px;
        height:66px;
        margin:0 auto;
    }
    .sendVideoTop .tabHeader .tabRight dl dd p {
        text-align: center;
        margin-bottom:30px;
        font-size:12px;
    }
    .sendVideoTop .tabHeader .tabRight dl dd p.first{
        font-size: 14px;
    }
    .sendVideoTop .TopCon .tabBody .conDetails{
        position: relative;
        color: #999;
        margin-top:20px;
    }
    .sendVideoTop .TopCon .tabBody .Folder{
        color: #30a3ff;
        cursor: pointer;
    }
    .sendVideoTop .TopCon .tabBody .conDetails p{
        float: left;
        width:480px;
        margin-right:20px;
    }
    .sendVideoTop .TopCon .tabBody .conDetails p.last{
        float: right;
    }

    .sendVideoTop .TopCon .tabBody .conDetails p span.pro{
        color: #fe0100;
    }
    .sendVideoTop .TopCon .tabBody .conDetails span{
        display: inline-block;
        width:106px;
        margin-right:20px;
        text-align: right;
        vertical-align: top;
        font-size: 12px;
        color: #999;
    }
    .sendVideoTop .TopCon .tabBody .conDetails b{
        display: block;
        position: absolute;
        left:555px;
        top:236px;
        font-weight:normal;
    }
    .sendVideoTop .TopCon .tabBody .conDetails input.points{
        width:28px;
        height:28px;
        border:1px solid #ddd;
        text-align: center;
        line-height:28px;
        margin-right:10px;
    }
    .sendVideoTop .TopCon .tabBody .conDetails input.teacher{
        width:422px;
        height:28px;
        border:1px solid #ddd;
        padding-left:5px;
        margin-bottom:10px;
    }
    .sendVideoTop .TopCon .tabBody .conDetails input.teacher2{
        width:330px;
        height:28px;
        border:1px solid #ddd;
        padding-left:5px;
    }
    .sendVideoTop .TopCon .tabBody .conDetails input{
        vertical-align: middle;
        cursor: pointer;
    }
    .sendVideoTop .TopCon .tabBody .conDetails i{
        font-style: normal;
        font-size:12px;
        color: #000;
    }
    .sendVideoTop .TopCon .tabBody .conDetails i.pro{
        color: #fe0100;
        padding-right: 4px;
    }
    .sendVideoTop .TopCon .tabBody .conDetails a{
        color: #30a3ff;
    }
    .sendVideoTop .TopCon .tabBody .conDetails i.noMy{
        padding-right:27px;
    }
    .sendVideoTop .TopCon .tabBody .conDetails b i {
        font-style: normal;
    }
    .sendVideoTop .TopCon .tabBody .conDetails textarea{
        overflow:scroll;
        overflow-x:hidden;
        width:491px;
        height:250px;
        resize:none;
        border:1px solid #ddd;
        padding-left:5px;
    }
    .sendVideoTop .TopCon .tabBody .con2{
        display: flex;
        align-items: center;
        height:30px;
        margin-top:40px;
    }
    .upload{
        margin:15px 0 0 128px;
    }
    .upload a{
        display: block;
        float: left;
    }
    .upload a.borCon{
        width:68px;
        height:22px;
        text-align: center;
        line-height:24px;
        border:1px solid #30a3ff;
    }
    .sendVideoTop .TopCon .tabBody .conDetails a.fontsCo{
        color: #999;
        margin-top: 3px;
        margin-left: 5px;
    }
    .sendVideoBot {
        width:1198px;
        border:1px solid #ddd;
        background: #fff;
        position: relative;
        overflow: hidden;
    }
    .sub{
        height:84px;
        margin-top:10px;
        margin-bottom:50px;
    }
    .sub a {
        display: block;
        width:90px;
        height:34px;
        background: #30a3ff;
        margin:0 auto;
        font-size:16px;
        text-align: center;
        line-height:34px;
        color: #fff;
    }
    .Treaty{
        width:100%;
        text-align: center;
        color: #999;
        margin-bottom:10px;
    }
    .hidden-input {
        opacity: 0;
        position: absolute;
        z-index: -1;
    }
    .Treaty input[type=checkbox]+span {
        height:12px;
        width:12px;
        display: inline-block;
        border:1px solid #ddd;
        vertical-align: middle;
    }
    .Treaty span.hoverCHeck{
        background: url(them/imgs/hover.jpg) 1px 2px no-repeat;
    }

    .Treaty a{
        color: #30a3ff;
    }
    .sendVideoBot .TopCon .tabBody .conDetails p{
        width:80%;
    }
    .sendVideoBot .TopCon .tabBody .con3{
        margin-top:40px;
    }
    .sendVideoBot .TopCon .tabBody .conDetails p input.teacher{
        width:493px;
    }
    .sendVideoBot .TopCon .tabBody .conDetails div.section{
        margin-left:71px;
        overflow: hidden;
        clear: both;
        padding-top:30px;
    }
    .sendVideoBot .TopCon .tabBody .conDetails div.section span.videlarspan {
        padding-left: 20px;
        width:147px;
        background: url(them/imag/sendAlready.png) no-repeat 78px 5px;
    }

    .sendVideoBot .TopCon .tabBody .conDetails p.senVideo{
        position: relative;
        margin:10px 0 0 129px;
    }
    .sendVideoBot .TopCon .tabBody .conDetails p.plus{
        margin:30px 0 0 126px;
    }
    .sendVideoBot .TopCon .tabBody .conDetails p.morchap span{
        color: #30a3ff;
        cursor: pointer;
    }
    .sendVideoBot .TopCon .tabBody .conDetails p.senVideo a{
        display: inline-block;
        color: #999;
    }
    .sendVideoBot .TopCon .tabBody .conDetails p.senVideo a.videoBtn{
        width:68px;
        height:22px;
        border:1px solid #ddd;
        text-align: center;
        line-height:22px;
        color: #30a3ff;
        cursor: pointer;
    }
    .sendVideoBot .TopCon .tabBody .conDetails p.senVideo input.file{
        opacity: 0;
        position: absolute;
        width:68px;
        height:22px;
        left: 0px;
        top: 0px;
        cursor: pointer;
        filter:alpha(opacity=0);
        font-size:0;
    }
    .sendVideoBot .TopCon .tabBody .conDetails p.plus a.videoPlus{
        width:68px;
        height:22px;
        text-align: center;
        line-height:22px;
        color: #30a3ff;
    }
    .sendVideoBot .TopCon .tabBody .conDetails p.section input{
        width:423px;
    }
    .sendVideoBot .TopCon .tabBody .conDetails p i.videoName,.sendVideoBot .TopCon .tabBody .conDetails div i.videoName{
        margin-left:20px;
        color: #fe0100;
        cursor: pointer;
    }
    .sendVideoBot .TopCon .tabBody .conDetails div i.videoSwitch{
        color: #30a3ff;
    }

    .newCon{
        height:712px;
        overflow-y: auto;
    }
    .sendVideoTop .tabHeader .tabLeft ul li.courseType  ul.showCousRed, .sendVideoTop .tabHeader .tabLeft ul li input.borderRed{
        border:1px solid #f00;
    }


    .chooseSend{
        margin-bottom: 100px;
        height:125px;
        overflow: hidden;
    }
    .chooseVideo{
        width:350px;
        height: 123px;
        background: #fff url(them/imag/sendVedio.png) no-repeat 180px center;
        font-size: 22px;
        color: #999;
        font-weight: 900;
        padding-left: 243px;
        line-height: 123px;
        border:1px dashed #ddd;
        float: left;
        cursor: pointer;
    }
    .chooseCourse{
        width:350px;
        height: 123px;
        background: #fff url(them/imag/sendCourse.png) no-repeat 180px center;
        font-size: 22px;
        color: #999;
        font-weight: 900;
        padding-left: 243px;
        line-height: 123px;
        border:1px dashed #ddd;
        float: right;
        cursor: pointer;
    }
    .chooseVideo:hover,.chooseCourse:hover{
        border:1px solid #ddd;
    }
    .sendVedio{
        padding:28px 30px;
        height: 340px;
        background: #fff;
        border:1px solid #ddd;
        margin-bottom: 20px;
    }
    .sendVedio h1{
        font-size: 20px;
        margin-bottom: 25px;
    }
    .sendVedioContent{
        padding-left: 50px;
    }
    .vedioAlready{
        margin-bottom: 15px;
        height:22px;
        line-height:22px;
    }
    .vedioAlready span{
        padding-left: 20px;
        background: url(them/imag/sendAlready.png) no-repeat left center;
        margin-right: 35px;
    }
    .vedioAlready em{
        color: #999;
        margin-left: 82px;
        margin-right: 15px;
        font-style: normal;
    }
    .vedioAlready input{
        padding-left: 10px;
        height:20px;
        width:198px;
        border: 1px solid #ddd;
        margin-right: 22px;
    }
    .vedioAlready a{
        color: #3ea9ff;
    }
    .sendVedioContent p{
        color: #999;
        height:24px;
        line-height: 24px;
        float: left;
    }
    .sendVedioContent p:nth-of-type(1) span{
        padding: 6px;
        margin-right: 10px;
        color: #30a3ff;
        border:1px solid #30a3ff;
        cursor: pointer;
    }
    .sendVedioContent p:nth-of-type(2){
        padding-left: 17px;
        margin-left: 20px;
        background: url("them/imag/toudiinfo.jpg") no-repeat left center;
    }
    .sendVedioContent p:nth-of-type(2) a{
        color: #f00;
        text-decoration: underline;
    }


    .sendVideoTop .tabHeader .tabLeft ul li .checkFI3 span {
        float: left;
    }
    .sendVideoTop .tabHeader .tabLeft ul li .checkFI3Con{
        margin: 5px 0 0 122px;
    }
    .sendVideoTop .tabHeader .tabLeft ul li .checkFI3Con div{
        float: left;
        position: relative;
        margin-left: 20px;
    }
    .sendVideoTop .tabHeader .tabLeft ul li .checkFI3Con div a {
        display: block;
        border: 1px solid #e1f2fa;
        text-align: center;
        line-height: 28px;
        padding-left:16px;
        padding-right:16px;
        background: #edf9ff;
        color: #30a3ff;
    }
    .sendVideoTop .tabHeader .tabLeft ul li .checkFI3Con div b{
        position: absolute;
        width: 12px;
        height: 12px;
        top: 0;
        right: -26%;
        display: block;
        background: url(them/imgs/ngInput.jpg) no-repeat;
        cursor: pointer;
    }

    .sendSuccess{
        position: fixed;
        width: 250px;
        height:120px;
        border:1px solid #30a3ff;
        box-shadow: -1px -1px 3px #30a3ff;
        line-height: 120px;
        text-align: center;
        font-size: 20px;
        background: #fff;
        bottom:200px;
        left:50%;
        margin-left: -125px;
        display: none;
    }
    .sendSuccess span{
        position: absolute;
        top:-38px;
        right:20px;
    }

    .vedioBtn{
        margin:30px auto 0;
        color: #fff;
        width:180px;
    }
    .saveBtn{
        width:80px;
        height: 24px;
        line-height: 24px;
        border:0;
        background: #30a3ff;
        margin-right: 20px;
        float: left;
        text-align: center;
        cursor: pointer;
    }
    .cancelBtn{
        width:80px;
        height: 24px;
        line-height: 24px;
        border:0;
        background: #ccc;
        float: left;
        text-align: center;
        cursor: pointer;
    }
</style>